<h3><div class="l">报名动态</div><div class="r more"><a href="/tuangou_pros/list">更多...</a></div></h3>
<div class="column">
  <span class="title">团购系列</span>
  <span class="count">报名人数</span>
  <span class="state">团购状态</span>
  <span class="state">团购价格</span>
  <span class="click_count">点击率</span>
  <span class="baoming">报名</span>
</div>
<div id="cycle_tuangou">
  <ul id="cycle_items">
    <%=render :partial=>"cycle_item",:collection=>cycle_tuangou %>
  </ul>
</div>
<script type="text/javascript">
  var interval=null;
  function autoScroll(){
    $("#cycle_items").animate({marginTop:"-26px"},2000,function(){
      $(this).find("li:first").appendTo(this);
      $(this).css({"margin-top":"0px"});
    });
  }
  $(document).ready(function(){
    $("#cycle_items").hover(function(){
      clearInterval(interval);
    },function(){
      interval=setInterval("autoScroll()",3000) ;
    });
    interval=setInterval("autoScroll()",3000) ;

  });
</script>